.header1>.off{
    float: none;
 
 }
 .header1>.on{
     /* float: left; */
     width: 150px;
     text-align: left;
     margin-left: 10px;
 
 
 
 }
 .header1 > .on,
 .header1 > .off {
   display: none;
   /* width: 100%; */
   /* width: 300px; */
   /* visibility: hidden; */
 }
 
 .header1 > .on.active,
 .header1 > .off.active {
   display: block;
   /* visibility: visible; */
 }
 